<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head  th:replace="_fragments :: head">
  <!--<title></title>-->
</head>
<body th:inline="javascript">

  <!--导航-->
  <nav th:replace="_fragments :: menu(5)"></nav>

  <!--中间内容-->
  <div  class="m-container m-padded-tb-big animated fadeIn">
    <div class="ui container">

      <div class="ui stackable grid">
        <!--<div class="ten wide column">-->
          <!--<div class="ui segment">-->
            <!--<img src="http://p99jlm9k5.bkt.clouddn.com/blog/images/bg/1005.jpg" alt="" class="ui rounded image">-->
          <!--</div>-->
        <!--</div>-->
        <div class="nine wide column">
          <div class="ui top attached segment">
            <div class="ui header">关于倪升武</div>
          </div>
          <div class="ui attached segment">
            <p class="m-text">倪升武，博主，同济大学小硕一枚，游弋在互联网浪潮中的一个90后程序猿，爱思考，爱编程，爱折腾，有理想有抱负。先后就职于eBay，爱奇艺，华为，科大讯飞。目前在研究和开发法院智能办案系统，为中国政法事业贡献出自己的一份绵薄之力。</p>
            <p class="m-text">爱好：游泳，乒乓球，书法，唱歌，游戏</p>
            <p class="m-text">邮箱：nishengwus@163.com</p>
            <p class="m-text">QQ群：692088880（交流~分享~吐槽~）</p>
          </div>
          <div class="ui attached segment">
            <p class="m-text">技能标签</p>
            <div class="ui teal basic left pointing label m-margin-tb-tiny">Java</div>
            <div class="ui teal basic left pointing label m-margin-tb-tiny">Spring</div>
            <div class="ui teal basic left pointing label m-margin-tb-tiny">SpringMVC</div>
            <div class="ui teal basic left pointing label m-margin-tb-tiny">SpringBoot</div>
            <div class="ui teal basic left pointing label m-margin-tb-tiny">SpringCloud</div>
            <div class="ui teal basic left pointing label m-margin-tb-tiny">Struts2</div>
            <div class="ui teal basic left pointing label m-margin-tb-tiny">MyBatis</div>
            <div class="ui teal basic left pointing label m-margin-tb-tiny">Hibernate</div>
            <div class="ui teal basic left pointing label m-margin-tb-tiny">Redis</div>
            <div class="ui teal basic left pointing label m-margin-tb-tiny">MySQL</div>
            <div class="ui teal basic left pointing label m-margin-tb-tiny">JSP</div>
            <div class="ui teal basic left pointing label m-margin-tb-tiny">Thymeleaf</div>
            <div class="ui teal basic left pointing label m-margin-tb-tiny">HTML/CSS</div>
            <div class="ui teal basic left pointing label m-margin-tb-tiny">JavaScript</div>
            <div class="ui teal basic left pointing label m-margin-tb-tiny">jQuery</div>
            <div class="ui teal basic left pointing label m-margin-tb-tiny">easyUI</div>
            <div class="ui teal basic left pointing label m-margin-tb-tiny">BootStrap</div>
            <div class="ui teal basic left pointing label m-margin-tb-tiny">SemanticUI</div>
            <div class="ui teal basic left pointing label m-margin-tb-tiny">……</div>
          </div>
          <!--<div class="ui bottom attached segment">-->
            <!--&lt;!&ndash;<a href="#" class="ui circular icon button"><i class="github icon"></i></a>&ndash;&gt;-->
            <!--<a href="#" class="ui wechat circular icon button"><i class="weixin icon"></i></a>-->
            <!--<a href="#" class="ui qq circular icon button" data-content="694076359" data-position="bottom center"><i class="qq icon"></i></a>-->
          <!--</div>-->

          <div class="ui wechat-qr flowing popup transition hidden">
            <img th:src="@{/images/wechat.jpg}" alt="" class="ui rounded image" style="width: 110px">
          </div>
         </div>

        <div class="seven wide column">
          <div class="ui top attached segment">
            <div class="ui header">关于夏青</div>
          </div>
          <div class="ui attached segment">
            <p class="m-text">夏青，博主同事、哥们，90后程序猿，爱钻研技术，有理想，很骚气。目前就职于科大讯飞，在研究和开发法院智能办案系统，也在为中国政法事业贡献出自己的一份绵薄之力。
            在本站会贡献出一些博文，帮助初学者尽快入门。</p>
            <p class="m-text">爱好：代码， 美女</p>
            <p class="m-text">邮箱：xiaqingweb@163.com</p>
            <p class="m-text">QQ群：692088880（交流~分享~吐槽~）</p>
          </div>
          <div class="ui attached segment">
            <p class="m-text">技能标签</p>
            <div class="ui teal basic left pointing label m-margin-tb-tiny">Java</div>
            <div class="ui teal basic left pointing label m-margin-tb-tiny">Spring</div>
            <div class="ui teal basic left pointing label m-margin-tb-tiny">SpringMVC</div>
            <div class="ui teal basic left pointing label m-margin-tb-tiny">SpringBoot</div>
            <div class="ui teal basic left pointing label m-margin-tb-tiny">SpringCloud</div>
            <div class="ui teal basic left pointing label m-margin-tb-tiny">Struts2</div>
            <div class="ui teal basic left pointing label m-margin-tb-tiny">MyBatis</div>
            <div class="ui teal basic left pointing label m-margin-tb-tiny">Hibernate</div>
            <div class="ui teal basic left pointing label m-margin-tb-tiny">Redis</div>
            <div class="ui teal basic left pointing label m-margin-tb-tiny">MySQL</div>
            <div class="ui teal basic left pointing label m-margin-tb-tiny">JSP</div>
            <div class="ui teal basic left pointing label m-margin-tb-tiny">HTML/CSS</div>
            <div class="ui teal basic left pointing label m-margin-tb-tiny">JavaScript</div>
            <div class="ui teal basic left pointing label m-margin-tb-tiny">jQuery</div>
            <div class="ui teal basic left pointing label m-margin-tb-tiny">easyUI</div>
            <div class="ui teal basic left pointing label m-margin-tb-tiny">BootStrap</div>
            <div class="ui teal basic left pointing label m-margin-tb-tiny">……</div>
          </div>
          <!--<div class="ui bottom attached segment">-->
          <!--&lt;!&ndash;<a href="#" class="ui circular icon button"><i class="github icon"></i></a>&ndash;&gt;-->
          <!--<a href="#" class="ui wechat circular icon button"><i class="weixin icon"></i></a>-->
          <!--<a href="#" class="ui qq circular icon button" data-content="694076359" data-position="bottom center"><i class="qq icon"></i></a>-->
          <!--</div>-->

          <div class="ui wechat-qr flowing popup transition hidden">
            <img th:src="@{/images/wechat.jpg}" alt="" class="ui rounded image" style="width: 110px">
          </div>
        </div>

      </div>
    </div>
  </div>

  <br>
  <br>
  <!--底部footer-->
  <footer th:replace="_fragments :: footer"></footer>
  <!--/*/<th:block th:replace="_fragments :: script">/*/-->
  <script src="https://cdn.jsdelivr.net/npm/jquery@3.2/dist/jquery.min.js"></script>
  <script src="https://cdn.jsdelivr.net/semantic-ui/2.2.4/semantic.min.js"></script>
  <!--/*/</th:block>/*/-->

  <script>
    $('.menu.toggle').click(function () {
      $('.m-item').toggleClass('m-mobile-hide');
    });

    $('.wechat').popup({
      popup : $('.wechat-qr'),
      position: 'bottom center'
    });
    $('.qq').popup();

  </script>
  <script>
      window.onload = function () {
          document.title = [[${title}]];
      }
  </script>
</body>
</html>